<!DOCTYPE html>
<!--引入公共html模块，div标签里的内容是公共模块-->
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:http="http://www.w3.org/1999/xhtml"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4" xmlns="http://www.w3.org/1999/html">
<body>
<link href="/css/TopButtomMain.css" rel="stylesheet">
</body>
<div th:fragment="myhead">


        <div class="container clearf">
            <div class="left">
                <a href="main" class="item">首页</a>
            </div>
            <div class="right">
                <c:if test="${sessionScope.account!=null}">
                    <a href="viewListOrder?name=${sessionScope.account.name}" class="item">我的订单</a>
                    <a href="signOff" class="item">退出登录</a>
                    <a href="MyAccountForm" class="item">个人主页</a>
                </c:if>
                <c:if test="${sessionScope.account==null}">
                    <a href="loginForm" class="item">我的订单</a>
                    <a href="register" class="item">注册</a>
                    <a href="loginForm" class="item">登录</a>
                </c:if>
            </div>
        </div>
        <div class="header">
            <div class="container clearf">
                <div class="col-2 logo">宠物商店</div>
                <div class="col-5 search-bar">
                    <!--搜索栏目-->
                    <form action="searchProduct" method="post">
                        <input type="text"  id="keyword" name="keyword" size="14" />
                        <button type="submit" name="searchProducts" value="Search">搜索</button>
                    </form>
                    <div id="productAutoComplete" class="productAutoComplete">
                        <ul id="productAutoList" class="productAutoList">
                        </ul>
                    </div>
                    <script src="js/findProduct.js" type="text/javascript" xml:lang="javascript" charset="UTF-8"></script>
                </div>
                <div class="col-3 cart">
                    <a href="viewCart" class="item">我的购物车</a>
                </div>
            </div>
        </div>
</div>
</html>